@charset "utf-8";

.header{position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
}
.header-search dl dt.button button{padding:0}
.header-toolbar{padding-top: 4px; padding-bottom: 4px; color: #fff; background: #1760ad;}
.header-toolbar .menus li{float: left; position: relative;}
.header-toolbar .menus li > a{display: inline-block; font-size: .775em; margin-top: .3125em; margin-bottom: .3125em;  color: rgba(255,255,255,.8);}
.header-toolbar .menus li >  a img{display: inline-block; vertical-align: middle; width: 20px; height: 20px;}
.header-toolbar .menus li >  a span{display: inline-block; vertical-align: middle; margin-top: -2px;}
.header-toolbar .menus li >  a font{display: inline-block; vertical-align: middle; margin-top: -2px; padding-left: 5px; padding-right: 10px;}
.header-toolbar .menus li > a:hover span{opacity: .85;}
.header-toolbar .menus li .drop{position: absolute; top: 30px; left: 50%; z-index: 9; display: none; margin-left: -60px; padding-top: 7px; width: 120px;}
.header-toolbar .menus li .drop dd{background: #fff; border-radius: 5px;}
.header-toolbar .menus li .drop dd:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: #fff;}
.header-toolbar .menus li .drop dd p{padding: 5px 10px; line-height: 30px; text-align: center;}
.header-toolbar .menus li .drop dd p a{color: #666;}
.header-toolbar .menus li .drop dd p a:hover{color: #333;}
.header-toolbar .menus li .drop dd p + p{border-top: 1px solid #f7f7f7;}
.header-toolbar .menus li .drop dt{padding: 8px; background: rgba(17,41,74, 0.5); -webkit-background: rgba(17,41,74, 0.5); border-radius: 5px;}
.header-toolbar .menus li .drop dt:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: rgba(17,41,74, 0.5);}
.header-toolbar .menus li .drop dt img{display: block; width: 100%;}
.header-toolbar .menus li .drop dt span{display: block; text-align: center; color: #fff; padding-top: 5px; line-height: 18px; font-size: 12px;}
.header-toolbar .menus li.normal > a:hover{cursor: default;}
.header-toolbar .menus li.normal > a:hover span{opacity: 1;}
.header-toolbar .menus li.button > a span{display: inline-block; padding: 0 1em; background-color: #bf1919; border-radius: 6px;}
.header-toolbar .menus li.button > a:hover span{opacity: 1;}
.header-toolbar .menus li.ipv6 > a span{color: #333; background: #f0f0f0; border-radius: 100em;}
@media (max-width:1500px) {
  .header-toolbar .menus li > a{font-size: .9375em;}	
}
@media (max-width:1280px) {
  .header-toolbar{position: relative; top: auto; padding: 1px 0;}
  .header-toolbar > .container > .fl{float: none; display: none;}
  .header-toolbar > .container > .fr{float: none;}
  .header-toolbar .menus li.korean font{display: none;}
}
@media (max-width:992px) {
  .header-toolbar > .container > .fr > .fl{display: none;}
  .header-toolbar > .container > .fr > .fr{float: none;}
  .header-toolbar .menus li.ipv6{display: none;}
  .header-toolbar .menus li.wza{display: none;}
  .header-toolbar .menus li.user{float: right; margin-right: 0;}
  .header-toolbar .menus li.zzb font{display: none;}
}
@media (max-width:414px) {
  .header-toolbar{font-size: 14px;}	
  .header-toolbar .menus li.button > a span{padding: 0 .625em;}
}

.header-main{padding-top: 6px; padding-bottom: 6px; background: #fff; box-shadow: 0 2px 12px rgba(112,112,112,.25);}
.header-main > .container{position: relative;}
.header-main.isactive .header-search{width: 15%;}
.header-main.isactive .header-mainnav{margin-right: 16%;}
@media (max-width:1500px){
  .header-main.isactive .header-search{width: 18%;}	
  .header-main.isactive .header-mainnav{margin-right: 20%;}	
}
.header-main.fixed{position: fixed; top: 0; right: 0; left: 0; z-index: 9999;}

.header-logo{float: left; width: 23.65%;}
.header-logo img{display: block; margin: 0 auto;}
@media (max-width:992px){
  .header-logo{width: auto;}
  .header-logo img{height: 50px;} 	
}
@media (max-width:640px){
  .header-logo img{height: 40px;} 	
}

.header-search{position: absolute; top: 50%; right: 0; width: 12.5%; margin-top: -21px; transition: all .3s;}
.header-search dl{position: relative; border: 1px solid #3f8ee8; border-radius: 100em;}
.header-search dl dd{margin-right: 50px; margin-left: 15px;}
.header-search dl dd input[type="text"]{width: 100%; height: 38px; color: #a5bde1; line-height: 38px; border: none; background: none;}
.header-search dl dd input::-webkit-input-placeholder{color: #a2a2a2;}
.header-search dl dt.button{position: absolute; top: -1px; right: -3px; bottom: -1px; width: 40px; cursor: pointer; background: #3f8ee8; border-radius: 50%;}
.header-search dl dt.button button{border:0;background:none}
.header-search dl dt.button img{display: block; width: 100%; height: auto;}
.header-search.active{width: 15%;}
@media (max-width:1500px){
  .header-search{width: 15%;}	
}
@media (max-width:1280px){
  .header-search{width: 17%;}	
}
@media (max-width:992px){
  .header-search{display: none;}	
}

.header-mainnav{position: absolute; top: 50%; left: 0; right: 0; z-index: 9; margin-top: -30px; margin-left: 26%; margin-right: 13%; transition: all .3s;}
.header-mainnav ul li{float: left; width: 17%; position: relative; z-index: 5; text-align: center;}
.header-mainnav ul li a{display: block; position: relative; z-index: 2; color: #0a64a9; height: 60px; line-height: 60px; font-size: 1.25em; text-align:center; transition: .3s;}
.header-mainnav ul li a span{display: inline-block; vertical-align: top;}
.header-mainnav ul li a:hover{font-weight: bold;}

.header-mainnav ul li.navli0{width: 10%;}
.header-mainnav ul li.navli2{width: 22%;}
@media (max-width:1500px){
  .header-mainnav{margin-right: 18%;}	
  .header-mainnav ul li a{font-size: 1.3125em;}
}
@media (max-width:1280px) {
  .header-mainnav ul li a{font-size: 1.125em;}
}
@media (max-width:992px){
  .header-mainnav{display: none;}
}

.header-toggle-btn{position: relative; height: 100%; width: 28px; display: block; color: #fff; cursor:pointer;margin:0 auto}
.header-toggle-btn div{position: absolute; top: 50%; left: 0; right: 0; margin: -10px auto 0; display: block; width: 28px; height: 20px; cursor: pointer;}
.header-toggle-btn span{position: absolute; display: block; left: 0; width: 100%; height: 10%; background: #155cb3; transition: all .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.header-toggle-btn span:nth-child(1){top: 0%;}
.header-toggle-btn span:nth-child(2){width: 100%; top: 50%;}
.header-toggle-btn span:nth-child(3){top: 100%;}
.header-opend .header-toggle-btn{display: block !important;}
.header-opend .header-toggle-btn span:nth-child(1){
        top:50%;
        -webkit-transform:translateY(-50%) rotate(-45deg);
        -ms-transform:translateY(-50%) rotate(-45deg);
        transform:translateY(-50%) rotate(-45deg);
}
.header-opend .header-toggle-btn span:nth-child(2) {
        -webkit-transform:translateY(-50%) scaleX(0);
        -ms-transform:translateY(-50%) scaleX(0);
        transform:translateY(-50%) scaleX(0);
}
.header-opend .header-toggle-btn span:nth-child(3) {
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -ms-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
}
.header-opend .header-main{position: fixed; top: 0; right: 0; left: 0; z-index: 9999;padding-top: 15px;
    padding-bottom: 15px;}
.header-opend .header-main .container{width: auto !important; padding-left: 30px;}
@media (max-width: 640px) {
  .header-opend .header-main .container{padding-left: 20px;}	
}



.header-mobile-tool{position: absolute; top: 0; right: 15px; bottom: 0; z-index: 99; display: none;}
.header-mobile-tool > *{float: left;}
@media (max-width:992px){
  .header-mobile-tool{display: block;}
}
.header-mobile-search{position: relative; height: 100%; width: 35px; margin-right: 15px;}
.header-mobile-search a{position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-image: url(../images/public/header_search_btn_m.png);}
.header-mobile-mark{position: fixed; top:0; bottom:0; left:0; right:0; z-index: 999; display: none;}

.header-drawer{position: fixed; top: 0; right: 0; left: 0; z-index: 9998; width: 100%; min-width: 320px; height: 0; opacity: 0; display: none; transition: all .3s; -webkit-transition: all .3s; background: #fff; box-sizing: border-box;}
.drawer-hall-head{position: relative; padding-bottom: 20px;}
.drawer-hall-head .drawer-hall-tool{height: 80px;}
.drawer-hall-head .header-toolbar{padding-left: 30px; padding-right: 15px;}
.drawer-hall-over{width: 100%; min-height: 200px; margin-bottom: 30px; overflow-x: hidden;}
.drawer-hall-scroll{position: relative; width: 98%; /*padding-right: 20px;*/ height: 100%; overflow-x: hidden; overflow-y: auto;}
.drawer-hall-menu{padding: 0 3% 0 30px;}
.drawer-hall-menu ul li{float: left; width: 17.5%;}
.drawer-hall-menu ul li.home{width: 12.5%;}
.drawer-hall-menu ul li dl{margin-right: 10%; margin-left: 8%;}
.drawer-hall-menu ul li dl dt a{font-size: 1.125em; font-weight: bold;}
.drawer-hall-menu ul li dl dd.submenu{padding-top: 1.25em;}
.drawer-hall-menu ul li dl dd.submenu p{display: block; padding-top: .625em; padding-bottom: .625em;}
.drawer-hall-menu ul li dl dd.submenu p a{font-size: 1.0675em;}
.drawer-hall-menu ul li dl a:hover{color: #fff !important;}
 .open-the-drawer .drawer-hall-over{display:none}
@media (max-width: 992px) {
  .header-drawer-opened{opacity: 100; display: block; height: auto; min-height: 130px;}
  .drawer-hall-menu ul li{width: 100% !important;}
  .drawer-hall-menu ul li dl{margin-right: 0; margin-left: 0;}
  .drawer-hall-menu ul li+li{margin-top: 1.75em;}
  .drawer-hall-menu ul li dl dd.submenu{padding-top: 1em;}
  .drawer-hall-menu ul li dl dd.submenu p{display: inline-block; min-width: 30%; margin-right: 1%; padding-top: .3125em; padding-bottom: .3125em; white-space: nowrap;}
}
@media (max-width: 640px) {
  .drawer-hall-head .drawer-hall-tool{height: 70px;}
  .drawer-hall-head .header-toolbar{padding-left: 20px;}
  .drawer-hall-menu{padding-left: 20px;}
  .drawer-hall-menu ul li dl dt a{font-size: 1.0625em;}
  .drawer-hall-menu ul li dl dd.submenu p{min-width: 48%;}	
  .drawer-hall-menu ul li dl dd.submenu p a{font-size: 1em;}
}
@media (max-width: 414px) {
  .drawer-hall-head .header-toolbar .menus li > a font{padding-right: 8px; padding-left: 3px;}
}

/* 设置滚动条的样式 */
.drawer-hall-scroll::-webkit-scrollbar{width: 4px; border-radius: 2px; background: none;}
/*滚动槽*/
.drawer-hall-scroll::-webkit-scrollbar-track{  border-radius: 5px; background: rgba(0,0,0,.15);}
/* 滚动条滑块 */
.drawer-hall-scroll::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.2); border-radius: 4px;}


.head-menu{position:relative;background-color:#1760ad;display: none}
.head-menu .mian-nav{padding:5px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.head-menu .mian-nav li{width:33.33333333%;    position: relative;text-align: center;}
.head-menu .mian-nav li a{display:block;margin:3px 5px;color:#fff;line-height:35px;font-size:16px;}
.head-menu .mian-nav li:before{position:absolute;top:50%;left:0;z-index:1;margin-top:-10px;width:1px;height:20px;background-color:hsla(0,0%,100%,.35);content:""}
.head-menu .mian-nav li.nav1:before{display:none}
.head-menu .mian-nav li:hover a{background-color:hsla(0,0%,100%,.2)}
.head-menu .mian-nav li:after{position:absolute;bottom:0;left:50%;z-index:1;margin-left:-45%;width:90%;height:1px;background-color:hsla(0,0%,100%,.35);content:""}
.head-menu .mian-nav li.nav4:after,.head-menu .mian-nav li.nav4:before,.head-menu .mian-nav li.nav5:after,.head-menu .mian-nav li.nav6:after{display:none}
@media (max-width:768px){
 .head-menu{display: block;} 
}